<template>
  <div class="more">
      <span class="shou">{{type.typeName}}</span>

      <span class="cha" @click="findMore( type.id )">
        查看更多
        <span>&gt;</span>
      </span>
    </div>
</template>

<script>


export default {
  data () {
    return {
    }
  },

  props:["type"],

  components: {},

  methods: {
    findMore(id){
      //alert(id);
      this.$router.push("/list/"+id)
    }
  }
}
</script>

<style scoped>

.more{
    height: 50px;
    line-height: 50px;
    left: 50px;

    width: 1226px;
    margin: auto;
}
.more{
    color: #222;
}
.more .cha{
    font-size: 11px;
    float: right;
}
.more .cha span{
    color: white;
    width: 15px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    border-radius: 50%;
    background-color: #666;

    text-align: center;
}
.more .cha:hover{
    cursor: pointer;
    color: orangered;
}
.more .cha:hover span{
    background-color:orangered;
}
</style>